<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>汽车广告</title>
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"
    />
    <script type="text/javascript">
      document.documentElement.style.fontSize =
        (document.documentElement.clientWidth / 750) * 100 + "px";
    </script>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="css/p2.css" />
    <link rel="stylesheet" type="text/css" href="css/p1.css" />
    <link rel="stylesheet" type="text/css" href="css/p1animation.css" />
    <link rel="stylesheet" type="text/css" href="css/background.css" />
    <link rel="stylesheet" type="text/css" href="css/effect.css" />
  </head>

  <body ondragstart="return false">
    <div class="all1 page" id="index">
      <img src="img/汽车/558a2177a3664e481a000113.png" id="logo1" />
      <div id="text1">
        <span>Loading</span>
        <span id="xiao">...</span>
      </div>
    </div>

    <div id="wrap" style="display: none;">
      <div id="background">
        <div class="page-first flexCenter">
          <img src="img/汽车/5588f7a2a3664ea8210003e1.jpg" />
          <img src="img/汽车/5588f7a2a3664ea8210003e1.jpg" />
          <img src="img/汽车/5588f7a2a3664ea8210003e1.jpg" />
          <img src="img/汽车/5588f7a2a3664ea8210003e1.jpg " />
        </div>
        <div class="page-first flexCenter">
          <img src="img/汽车/5588f7a2a3664ea8210003e1.jpg" />
          <img src="img/汽车/5588f7a2a3664ea8210003e1.jpg" />
          <img src="img/汽车/5588f7a2a3664ea8210003e1.jpg" />
          <img src="img/汽车/5588f7a2a3664ea8210003e1.jpg " />
        </div>
        <div class="page-first flexCenter">
          <img src="img/汽车/5588f7a2a3664ea8210003e1.jpg" />
          <img src="img/汽车/5588f7a2a3664ea8210003e1.jpg" />
          <img src="img/汽车/5588f7a2a3664ea8210003e1.jpg" />
          <img src="img/汽车/5588f7a2a3664ea8210003e1.jpg " />
        </div>
        <div class="page-first flexCenter">
          <img src="img/汽车/5588f7a2a3664ea8210003e1.jpg" />
          <img src="img/汽车/5588f7a2a3664ea8210003e1.jpg" />
          <img src="img/汽车/5588f7a2a3664ea8210003e1.jpg" />
          <img src="img/汽车/5588f7a2a3664ea8210003e1.jpg " />
        </div>
        <div class="page-first flexCenter">
          <img src="img/汽车/5588f7a2a3664ea8210003e1.jpg" />
          <img src="img/汽车/5588f7a2a3664ea8210003e1.jpg" />
          <img src="img/汽车/5588f7a2a3664ea8210003e1.jpg" />
          <img src="img/汽车/5588f7a2a3664ea8210003e1.jpg " />
        </div>
        <div class="page-first flexCenter">
          <img src="img/汽车/5588f7a2a3664ea8210003e1.jpg" />
          <img src="img/汽车/5588f7a2a3664ea8210003e1.jpg" />
          <img src="img/汽车/5588f7a2a3664ea8210003e1.jpg" />
          <img src="img/汽车/5588f7a2a3664ea8210003e1.jpg " />
        </div>
        <div class="page-first flexCenter">
          <img src="img/汽车/5588f7a2a3664ea8210003e1.jpg" />
          <img src="img/汽车/5588f7a2a3664ea8210003e1.jpg" />
          <img src="img/汽车/5588f7a2a3664ea8210003e1.jpg" />
          <img src="img/汽车/5588f7a2a3664ea8210003e1.jpg " />
        </div>

        <div id="text">
          <!--介绍-->
          <div id="text2">
            <p id="t1">
              <span>多10%</span>
              <span
                style="
                  width: 0.15rem;
                  display: inline-block;
                  font-size: 0.3rem;
                "
                >精神</span
              >
            </p>
            <p>别克昂科威</p>
            <p>全能中型SUV</p>
            <p></p>
            <p>掌上探索之旅</p>
          </div>
        </div>
      </div>

      <div id="all2">
        <div id="page-sixth" class="page">
          <!--黑色背景-->
          <div id="blackbg">
            <div id="end">
              <div id="dialog">
                <img src="img/汽车/55acbe10a3664e6d78000367.png" id="dialog1" />
                <p>多10%分享</p>
              </div>
              <div id="con">
                <p>多10%精神</p>
                <p>别克昂科威</p>
                <p>全能中型SUV</p>
                <p>全新问世</p>
              </div>
              <div id="car5">
                <img src="img/汽车/55acc5daa3664e8678000397.jpg" />
                <img
                  src="img/汽车/55acc710a3664e67780003d0.png"
                  class="carFlash"
                  id="carLeft"
                />
                <img
                  src="img/汽车/55acc710a3664e67780003d0.png"
                  class="carFlash"
                  id="carRight"
                />
              </div>
              <div id="fot">
                <p></p>
                <p>预约试驾</p>
              </div>
            </div>
            <p id="one">真正的探索</p>
            <div id="two">
              <p>从你启动他的那一刻</p>
              <p>才刚开始</p>
            </div>
          </div>
          <!--白色背景+文字-->
          <div id="whitebg">
            <p id="test">这里绝非终点</p>
          </div>

          <!--云层背景-->
          <div id="yun">
            <img
              src="img/汽车/55acc017a3664e6c78000380.png"
              id="yun1"
              class="maxIndex"
            />
            <img
              src="img/汽车/55acc017a3664e6c78000380.png"
              id="yun2"
              class="maxIndex"
            />
          </div>
        </div>

        <div id="page-fifth" class="page">
          <!--小车-->
          <img src="img/汽车/55acadbca3664e797800034e.png" id="car4" />
          <!--小车行驶背景-->
          <img src="img/汽车/55acb335a3664e6978000360.jpg" id="bg6" />
        </div>

        <div id="page-fourth" class="page">
          <!--小车经过的围栏-->
          <div id="weilan">
            <img src="img/汽车/55acabcda3664e73780002e7.png" class="weilan2" />
            <img src="img/汽车/55acabcda3664e73780002e7.png" class="weilan2" />
            <img src="img/汽车/55acabcda3664e73780002e7.png" class="weilan2" />
            <img src="img/汽车/55acabcda3664e73780002e7.png" class="weilan2" />
          </div>
        </div>

        <div id="page-third" class="page">
          <!--第二篇介绍-->
          <div id="show">
            <img src="img/汽车/55ac99cba3664e807800031d.jpg" id="lunzi" />
            <div id="page-cont">
              <img src="img/汽车/55acabcea3664e7e78000380.png" id="slider4" />

              <div id="writing4" class="write">
                <div>
                  <p>19时十辐铝金轮毂</p>
                  <p>领先同级的19时辐铝金运动轮毂，<br />极具视觉冲击力</p>
                </div>
              </div>

              <img src="img/汽车/55ac99cba3664e6078000339.jpg" / id="car3" />
              <img src="img/汽车/55acabcea3664e7e78000380.png" id="slider3" />

              <div id="writing3" class="write">
                <div>
                  <p>展翼型HID感应大灯</p>
                  <p>LED日间行车灯</p>
                  <p>
                    配备AFS随动转向功能及HBA智能远光灯功能，<br />提升行车安全
                  </p>
                </div>
              </div>

              <img src="img/汽车/55ac99cca3664e8478000339.png" id="a55" />
            </div>
          </div>
        </div>
        <div id="page-second" class="page">
          <!--第一篇介绍-->
          <div id="interior">
            <div id="slider1">
              <img src="img/汽车/55acabcea3664e7e78000380.png" />
            </div>
            <div id="slider2">
              <img src="img/汽车/55acabcea3664e7e78000380.png" />
            </div>
            <div id="writing1">
              <p>360度环抱一体式座舱</p>
              <p>精心安排的车内设计，呈现以驾者<br />为中心的设计理念</p>
            </div>
            <div id="writing2">
              <p>舒适宽绰的乘坐空间</p>
              <p>
                同级首款配备后排座椅带滑动功能，<br />
                全平后排地板让昂科威成为 <br />
                真正意义上的五座SUV
              </p>
            </div>
            <div id="picture">
              <img src="img/汽车/55ac99cca3664e7d780002e8.jpg" />
              <img src="img/汽车/55ac99cba3664e8578000300.jpg" />
              <div id="bg2"></div>
              <div id="bg3"></div>
            </div>
          </div>
        </div>
        <div id="page-first" class="page"></div>
      </div>
    </div>

    <!--汽车-->
    <img
      src="img/汽车/5588f219a3664e9221000378.png"
      id="car2"
      style="display: none;"
    />
    <!-- 闪光flash -->
    <img src="img/汽车/55acb98ba3664e6878000352.png" id="flash" />
    <!--箭头-->
    <img
      src="img/汽车/55aded8fa3664e83780004a3.png"
      id="narrow"
      class="narrow"
    />
  </body>
  <script type="text/javascript" src="js/touch.js"></script>
  <script type="text/javascript" src="js/index.js"></script>
</html>
